<template>
  <div class="MText">
    <span v-if="type=== 'user'" :class="[type]">
      {{data.name || '-'}}
      <i class="phone" v-if="data.phone"> ({{data.phone}})</i>
    </span>
  </div>
</template>

<script>
export default {
  name: "MText",
  data() {
    return {}
  },
  components: {},
  props:{
    type:{
      type: String,
      default: ''
    },
    data:{
      type: Object,
      default:()=>{}
    }
  },
  mounted() {
  },
  methods: {}
}
</script>

<style lang="scss" scoped>
.MText{
  display: inline-block;
  .user{
    .phone{
      font-style: normal
    }
  }
}
</style>
